<template>
    <div class="all">
        <div class="shang">
            <div class="first">
                <router-link  to="/Firstye" exact>
                    <b>互联网</b>
                <span>模版</span>
            </router-link>

            </div> 

                <div class="last">
                    <router-link  to="/Firstye" exact>
               主页
            </router-link>
            <router-link  to="/contenter" exact>
                服务项目
            </router-link> 
            <router-link  to="/seconde" exact>
                解决案例
            </router-link>
            <router-link  to="/news" exact>
                新闻咨询
            </router-link>
            <router-link  to="/concer" exact>
                关于我们
            </router-link>
                </div>




        </div>
    </div>

  
</template>

<script>

export default {
    name:"NaV",
    components:{

    },

}
</script>

<style scoped>
a{
    display: inline-block;
    margin: 0px 45px;
    font-size: 16px;
    line-height: 30px;
    color: rgb(254, 254, 254);
}

a:hover,
.router-link-active {
    color: rgb(255, 119, 0);
} 
.router-link-exact-active {
    color: rgb(255, 119, 0);
}
    .shang {
        width: 1200px;
        display: inline-block;

    }
.last{
    padding: 30px 0px 30px 0;
    float: right;
}
   .shang .first{
        float: left;
        font-size: 23px;
    
    }

    .all{
        text-align: center;
        display: inline-block;
        /* width: 1200px; */
        width: 100%;
        height: auto;
        background-color: rgba(1,1, 1, 0);
        position: absolute;
        z-index:10;


    }
    .smallbox{
        width: 1200px;
        /* height: 400px; */
        text-align: left;
        padding:50px   30px 50px 30px;
        
        
    }
    b{
        color: #ff6537;
        line-height: 90px;
        font-size: 23px;
    }
    span{
        color: rgb(204, 204, 204);
        line-height: 90px;
        font-size: 23px;
    }

    img{
  width: 100%;
}



</style>